<template>
  <div>
    <div class="search">
      <el-input placeholder="请选择日期" icon="search" v-model="input2"></el-input>
    </div>
    <div class="indexshow">
      <div class="view">
        <div class="v-title">
          <span>最近浏览</span>
          <i><img src="../../images/arrow_right.png" alt=""></i>
        </div>
        <div class="line"></div>
        <fileshow :data="data"></fileshow>
      </div>
    </div>
  </div>
</template>

<script>
import fileshow from './fileshow.vue';
export default {
  data() {
    return {
      input2: '',
      value: '3',
      rightBottom: { horizontal: 'right', vertical: 'bottom' },
      data: [
        {
          filename: '微信.txt',
          time: '2014.06.16',
          size: '57.00M',
          path: '个人文件--欧123阳'
        },
        {
          filename: '微信123.txt',
          time: '2011.05.06',
          size: '72.00M',
          path: '个人文件--欧123阳'
        },
        {
          filename: '微234信.txt',
          time: '2018.04.28',
          size: '71.00M',
          path: '个人文件--欧123阳'
        },
        {
          filename: '微sdfsdf信.txt',
          time: '2016.11.13',
          size: '57.00M',
          path: '个人文件--欧123阳'
        }
      ]
    };
  },
  methods: {},
  created() {},
  components: {
    fileshow
  }
};
</script>

<style lang="less">
.search {
  margin: 10px auto;
  .el-input {
    width: 90%;
    margin-left: 5%;
    .el-input__inner {
      height: 30px;
      border: 0;
      color: #000;
    }
  }
}
.indexshow {
  background: #fff;
  height: 400px;
  color: #929292;
  .view {
    .v-title {
      padding: 0 23px;
      height: 40px;
      line-height: 40px;
      i {
        float: right;
        img {
          width: 15px;
        }
      }
    }
    .line {
      width: 100%;
      border: 1px solid #f8f8f8;
    }
  }
}
.mu-popover {
  margin-top: 40px;
}
</style>
